<template>
    <el-dialog
    title="预览"
    :visible.sync="$store.state.dialogVisible"
    width="55%"
	>
        <div class="body">
            <el-form label-width="100px">
                <el-form-item label-position="right" label="公司编号:">
                    <el-input :placeholder="2" :disabled="true"></el-input>
                </el-form-item>
                <el-form-item label-position="right" label="公司名称:">
                    <el-input :placeholder="list.e" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="订单号:">
                    <el-input :placeholder="list.order_code" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="交易单号:">
                    <el-input :placeholder="list.deal" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="支付方式:">
               	     <el-input :placeholder="list.pay" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="子支付方式:">
               	     <el-input :placeholder="list.f" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="交易类型:">
               	     <el-input :placeholder="list.dealType" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="终端编号:">
               	     <el-input :placeholder="list.tag_code" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="商品编号:">
               	     <el-input :placeholder="list.g" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="商品价格:">
               	     <el-input :placeholder="list.price" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="支付金额:">
               	     <el-input :placeholder="list.money" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="商品名称:">
               	     <el-input :placeholder="list.name" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="货道号:">
               	     <el-input :placeholder="list.d" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="订单状态:">
               	     <el-input :placeholder="list.state" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="买家标识:">
               	     <el-input :placeholder="list.c" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="商户号:">
               	     <el-input :placeholder="list.g" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="子商户号:">
               	     <el-input :placeholder="list.d" :disabled="true"></el-input>
               	</el-form-item>
               	<el-form-item label-position="right" label="编辑用户:">
               	     <el-input :placeholder="list.h" :disabled="true"></el-input>
               	</el-form-item>
            </el-form>
               	<div class="bz">
					<span>备注: </span>
            		<el-input :placeholder="list.a" :disabled="true"></el-input>
               	</div>
        </div>

        <span slot="footer" class="dialog-footer">
        <el-button @click="$store.state.dialogVisible = false">取 消</el-button>
        <el-button type="primary" @click="$store.state.dialogVisible = false">确 定</el-button>
        </span>
    </el-dialog>
</template> 

<style lang="scss">
	.body {
		.el-form {
			display: flex;
			flex-wrap: wrap;
			justify-content: space-evenly;
			
			.el-input {
				width: 100%;
			}
			
		}
		.el-input__inner {
			height: 35px !important;
		}
		.bz {
			display: flex;
			align-items: center;
			span {
				margin-left: 60px;
				margin-right: 10px;
			}
			.el-input {
				width: 70%;
			}
		}
 	}

</style>

<script>
// this.$store.state.
export default {
    props: [ 'list' ],
    data() {
        return {
            
        }
    },
    created() {
        // console.log(this);
    }
}
</script>